.position-fixed     { position: fixed !important; }
.position-relative  { position: relative !important; }
.position-absolute  { position: absolute !important; }
.position-static    { position: static !important; }

.top-0    { top: 0 !important; }
.right-0  { right: 0 !important; }
.bottom-0 { bottom: 0 !important; }
.left-0   { left: 0 !important; }
@for $i from 0 through 10 {
  .z-index-#{$i}   { z-index: $i !important; }
}
.z-index-100 { z-index: 100 !important; }
.z-index-999 { z-index: 999 !important; }
.z-index-9999 { z-index: 9999 !important; }
@for $i from 0 through 100 {
  .left-#{$i}   { left:  $spacer * $i !important; }
  .right-#{$i}  { right: $spacer * $i !important; }
  .top-#{$i}    { top: $spacer * $i !important; }
  .bottom-#{$i} { bottom: $spacer * $i !important; }
}
